body{
    margin: 0;
    padding: 0;
    font-size: 14px;
    background-color: #F5F9FA;;  
}
*{
    margin: 0;
    padding: 0;
}
p,div{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
}
.bg{
   width: 100%;
    height: 2.346667rem;
    background-image: url(img/bg.png);
    background-repeat: no-repeat;
    position: relative;
}
.tou{
   width: 100%;
    height: .64rem;
    /* background-color: red; */
    position: absolute;
    top:54px;
    left: 0;
    display: flex;
    /* justify-content: center;
    align-items: center;  */
    justify-content: space-around; 
    align-content: space-around;  
     flex-wrap: wrap; 
}

.tou .left{
    width: .64rem;
    height: .64rem;
    float: left;
}
.tou .zhong{
    text-align: center;
    font-size: 16px;
    color:#FFFFFF;
    flex: 1;
}
.tou .right{
    width: .64rem;
    height: .64rem;
    float:right;
}
.box{
    width: 100%;
    height: 40px;
    background-color: #F4E5EC;
    text-align: center;
    line-height: 40px;
}
.box p{
    color: #F5366D;
    font-size: 12px;
    font-weight: 600;
}
.box2{
    
    display: flex;  
    /* background-color: violet;  */
    margin: 0 auto;
    margin-top: 11px;
    justify-content: center;
    align-items: center;  
   
}
.box2-1{
    width: 9.68rem;
    height: 3.733333rem;
    background-image: url(img/segmented\ controls.png);  
    position: relative;
    display: flex;
    /* justify-content: center; */
     align-items: center;  
     
}
.box2-2{
    width: 1.28rem;
    height: 1.28rem;
    /* background-color: turquoise; */
    position: absolute;
    top:23px;
    left: 26px;
   

}
.box2-3{
    width: 168px;
    height: 96px;
    /* background-color: red; */
    margin-left: 82px;
    display: flex;
    /* align-content: space-around; */
    /* justify-content: center; */
    /* align-items: center;   */
    flex-wrap: wrap;  
}
.box2-3>p{
    font-size: 14px;
    font-weight: 600;
}
.box2-3>span{
    display: inline-block;
}
.box2-4{
   
    height: 16px;
    line-height: 16px;
    background-image: url(img/ic_time.png);
    background-repeat: no-repeat;
    
}
.box2-5{
    height: 16px;
   line-height: 16px;
    background-image: url(img/ic_place.png);
    background-repeat: no-repeat;
}
.box2-3 a{
    font-size: 12px;
    color:#969899;
    margin-left: 16px;
    
}
.box3{
    display: flex;  
    /* background-color: violet;  */
    margin: 0 auto;
    /* margin-top: 11px; */
    justify-content: center;
    align-items: center;  
    position: relative;
    border-radius: 30%;
  
}
.box3-1{ 
        width: 9.68rem;
        height: 3.733333rem;
        background-image: url(img/segmented\ controls.png);  
        position: relative;
        display: flex;     
         align-items: center;       
}
.box3-2{
    width: 228px;
    
    height: 96px;
    /* background-color: red; */
    margin-left: 26px;
    align-items: center;  
}

.box3-3 span:nth-child(1){
    width: 4px;
    height: 16px;
    /* line-height: 16px; */
    background-color: #1EC1F4;
    display: inline-block;
}
.box3-3 span:nth-child(2){
    font-size: 16px;
    margin-left: 4px;
    display: inline-block;
} 
.box3-4{
    margin-top: 8px;
}
.box3-4 p{
    font-weight: 400;
    font-size: 14px;
}
.box3-5{
    margin-top: 4px;
    font-size: 12px;
    color:#969899;
}
.box3-6{
    width: 1.28rem;
    height: .533333rem;
    /* background-color: violet; */
   background-image: url(img/btn_t\ \ \ \ \ \ \ \ \ \ o\ be\ examined.png);
    position: absolute;
    top:54px;
    right: 26px;
    text-align: center;
    font-size: 12px;
    color:#FFFFFF;
    /* line-height: .533333rem; */
}
.box4{
    width: 9.68rem;
    height: 3.733333rem;
    background-image: url(img/segmented\ controls\(3\).png);
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
  
}
.box4-1{
    width: 6.08rem;
    padding-top: 22px;
    /* background-color: thistle; */
    margin-left: .693333rem;
}
.box4 p{
    height: 35px;
    /* background-color: thistle; */
    line-height: 35px;
    font-size: 14px;
    font-weight: 400;

}
.box4-1>div{
    /* margin-top: 35px; */
    font-size: 12px;
    color:#969899;
} 
.box4-2{
    width: 24px;
    height: 24px;
    /* background-color: thistle; */
    background-image: url(img/picker.png);
    position: absolute;
    right: 24px;
    bottom: 69px;
}
.box5{
    width: 363px;
    height: 6.08rem;
    background-image: url(img/segmented\ controls\(2\).png);
}
.box5-1{
   
    margin-left: 26px;
    display: flex;
    padding-top: 22px;
    align-items: center;  
    /* background-color: thistle; */
}
.box5-1 span:nth-child(1){
    width: 4px;
    height: 16px;
    /* line-height: 16px; */
    background-color: #1EC1F4;
    display: inline-block;
}
.box5-1 span:nth-child(2){
    font-size: 16px;
    margin-left: 4px;
    display: inline-block;
} 
.box5 .box5-2 p{
    font-size: 14px;
    margin-left: 26px;
    margin-top: 2px;
    font-weight: 400;
    color: #2B2D2B;

}
.box5 .box5-3{
    width: 234px;
    height: 36px;
    /* background-color: tomato; */
    font-size: 12px;
    color:#969899;;
    margin-left: 26px;
}
.box5>p{
    font-size: 14px;
    color:#969899;
    margin-left: 26px;

}
.box5-4{
    width: 60px;
    height: 20px;
    background-color: tomato;
    background-image: url(img/lab\(2\).png);
    margin-left: 26px;
    margin-top: 17px;
}
.box5-5{
    width: 240px;
    height: 36px;
    margin-left: 96px;
    font-size: 12px;
}